<template>
    <div class="lbox">
        <h1>{{ msg }}</h1>
    </div>
  </template>
  
  <script lang='ts' setup>
  import {ref,onMounted} from 'vue'
  import bus from '@/utils/bus';
  let msg=ref<string>("")
  onMounted(()=>{
    bus.on('aa',(arg:any)=>{
        msg.value=arg
    })
  })
  </script>
  
  <style lang='scss' scoped>
  .lbox{
      flex-grow: 1;
      height: 100vh;
      background-color:aqua;
  }
  </style>